<template>
    <div class="mui-content" style=" background-image: url('../../../../img/people/yi19.jpg');">
		<ul class="mui-table-view" style="margin-top: 25px;">
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					我的钱包
				</a>
			</li>
		</ul>
		<ul class="mui-table-view" style="margin-top: 25px;">
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					我的订单
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					新消息通知
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					隐私
				</a>
			</li>
			<li class="mui-table-view-cell">
				<a class="mui-navigate-right">
					通用
				</a>
			</li>
		</ul>
		<ul class="mui-table-view" style="margin-top: 25px;">
			<li class="mui-table-view-cell">
				<a id="about" class="mui-navigate-right">
					关于BoBo
				</a>
			</li>
		</ul>
		<ul class="mui-table-view" style="margin-top: 25px;" v-if="ifLogin" @click="logout">
			<li class="mui-table-view-cell">
				<a style="text-align: center;color: #FF3B30;">
					退出登录
				</a>
			</li>
		</ul>
		<ul class="mui-table-view" style="margin-top: 25px;" v-if="!ifLogin" @click="login">
			<li class="mui-table-view-cell">
				<a style="text-align: center;color: green;">
					登录
				</a>
			</li>
		</ul>
	</div>
</template>

<script>
export default {
    name: "PeopleList",
	data(){
		return{
			logoutinfo:{
				name:"请登录",
				head:"",
				headimgurl:"请登录.jpg",
				email:""
			},
			loginfo:{
				account:"yiren",
				id: "001",
				name: "镒",
				headimgurl: "yi1.jpg",
				psw: "123456",
				email: "传的email",
				head: "沙漠血统传承者"
			}
		}
	},
	props:{
		ifLogin:{
			type:Boolean,
			require:true
		}
	},
	methods:{
		login(){
			this.$router.push('/login')
		},
		logout(){
			this.$emit("loginfo",this.logoutinfo)
			localStorage.removeItem('user')
		}
	},
    mounted(){
        this.loginfo=this.$globalLoginUer
		this.$emit("loginfo",this.loginfo)
    }
}
</script>

<style scoped lang="stylus">
</style>